.article_detail{
    padding-bottom:40px;
    margin-bottom:60px;
}
.fl{
    width:900px;
    .article{
        padding:24px;
        box-sizing: border-box;
        .user{
            .header_img{
                width:40px;
                height:40px;
                overflow: hidden;
                border-radius: 50%;
                img{
                    min-width:40px;
                    min-height: 40px;
                    max-width: 50px;
                    max-height: 50px;
                }
            }
            .default{
                width:40px;
                height:40px;
                text-align: center;
                line-height: 40px;
                border-radius: 50%;
                background: rgb(214, 214, 214);
                i{
                   color: #fff;
                    font-size:20px;
                }
            }
            .user_txt{
                width:300px;
                margin-left:20px;
                h5{
                    font-size:18px;
                }
                p{
                    font-size:13px;
                    margin-top:4px;
                    color:rgb(204, 204, 204);
                }
            }
        }
        .content{
            margin-top:60px;
            .cover{
                img{
                    width:100%;
                }
            }
            h1{
                font-size:30px;
                line-height: 45px;
                color:rgb(83, 83, 83);
            }
            .article_body{
                margin-top:20px;
                h1{
                    font-size:24px;
                    line-height: 52px;
                }
                h2{
                    font-size:22px;
                    line-height: 46px;
                }
                h3{
                    font-size:18px;
                    line-height: 40px;
                }
                p{
                    font-size:14px;
                    line-height: 30px;
                    color:rgb(143, 142, 142);
                }
            }
        }
    }
    .focus_label{
        padding:24px;
        color:rgb(94, 94, 94);
        
        ul{
            li{
                float:left;
                padding:6px 18px;
                border-radius: 6px;
                margin:0px 10px;
                border:1px solid rgb(224, 224, 224);
            }
        }
    }
    .discuss{
        padding:24px;
        width:900px;
        box-sizing: border-box;
        .textare{        
            textarea{
                width:700px;
                height:90px;
                border:1px solid rgb(245, 244, 244);
                padding:12px;
            }
        }
        .but{
            width:100px;
            height:36px;
            text-align: center;
            color:#fff;
            line-height: 36px;
            background: #007fff;
            margin-right:60px;
            margin-top:20px;
        }
        .dis_content{
            margin-left:10px;
            margin-top:20px;
            border-bottom:1px solid rgb(236, 236, 236);
            .user{
                width:40px;
            }
            .dis{
                width:700px;
                margin-left:20px;
                margin-top:10px;
                padding-bottom:20px;
                p{
                    margin-top:2px;
                    color:#777676;
                }
                ul{
                    li{
                        float:left;
                        margin-top:14px;
                        margin-right:20px;
                        font-size:14px;
                        color:rgb(179, 178, 178);
                        i{
                            margin-right:10px;
                        }
                    }
                   .dele{
                        float:right;
                    }
                    .dele01{
                        margin-right:40px !important;
                    }
                }
            }
            .both{
                height:1px;
                width:100%;
                clear: both;
            }
            .dis_bg{
                background: #fafafa;
            }
            .dis02{
                margin-left:20px;
                padding-top:20px;
            }
        }
    }
    .reply{
        padding-bottom:30px;
        input{      
            width:580px;
            padding:12px;
            border-radius: 4px;
            border:1px solid #dbdbdb;
            margin-left:78px;
            padding-bottom:10px;
        }
        button{
            padding:11px 24px;
            border-radius: 4px;margin-left:10px;
            background: #007fff;
            color:#fff;
        }
    }
    
}
.reply_width{
    display: inline-block;
    width:600px;
    li{
        color:#777676!important;
        line-height: 24px;
        word-break:break-all;
    }
    span{
        color:#777676!important;
    }
}
.fr{
    width:280px;
    .author{
        padding-top:30px;
        .header{
            width:60px;
            height:60px;
            line-height: 60px;
            overflow:hidden;
            margin:20px auto 0px;
            i{
                font-size:24px;
            }
            img{
                max-width:70px;
                max-height:70px;
                min-width: 60px;
                min-height: 60px;
            }
        }
        h4{
            text-align: center;
            line-height: 36px;
            margin-top:12px;
        }
        .im{
            padding-bottom:30px;
            margin-top:16px;
            li{
                float:left;
                width:33%;
                border-right:1px solid rgb(240, 240, 240);
                box-sizing: border-box;
                text-align: center;
                p{
                    font-size:14px;
                    color:#b9b9b9;
                    margin-bottom:12px;
                }
            }
            li:nth-child(3){
                border-right: 0px;
            }
        }
    }
}
.h3:before{
    content:"";
    display: inline-block;
    width:4px;
    height:24px;
    background: #007fff;
    position: absolute;
    left:-12px;
    top:8px;
}
h3{
    line-height: 40px;
    padding-bottom:10px;
    margin-left:18px;
    position: relative;
}
.dis03{
    border-bottom:1px solid #e9e8e8;
    padding-bottom:12px!important;
    margin-bottom:20px;
    ul{
        li{
            margin:5px!important;
        }
        li:nth-child(1){
            margin-left:0px!important;
        }
    }
}
.header{
    width:40px;
    height:40px;
    background: #dbdbdb;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    margin-right:20px;
    overflow: hidden;
    i{
        color:#fff;
    }
    img{
        min-width:40px;
        min-height:40px;
        max-width:50px;
        max-height:50px;
    }
}
.login{
    width:100%;
    height:100px;
    background: #f5f5f5;
    text-align: center;
    line-height: 100px;
    margin-bottom:30px;
    button{
        padding:6px 20px;
        color:#007fff;
        background: #fff;
        border-radius: 4px;
        border:1px solid #007fff;
        
    }
    span{
        color:#777676;
        font-size:13px;
        margin-left:10px;
    }
}
.error_message{
    position: fixed;
    top:10%;
    right:0px;
    width:0px;
    height:40px;
    text-align: center;
    line-height: 40px;
    background: #edf4fd;
    color:#007fff;
    border:1px solid #007fff;
    transition: width 1s;
    overflow: hidden;
}
.isactive{
    width:200px;
}
.no_reply{
    text-align: center;
    height:160px;
    box-sizing: border-box;
    padding-top:60px;
    i{
       font-size:36px;
       color: #dbd9d9;
    }
    p{
        color:#aaaaaa;
    }
}
.sm{
    margin-left:-4px;
}
.huifu{
    vertical-align: top;
}
